/**** Calcule sur une base de 360px ****/

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.tarif_main {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffeff3;
}

.titre_tarif_main {
    font-size: 8.9vw;
    font-weight: 400;
    color: #b36e7a;
    font-family: sans-serif;
    padding: 30vw 0 5vw 0;
}

.supp {
    font-size: 4vw;
    color: #034B3E;
    font-family: sans-serif;
    padding: 0vw 0 10vw 0;
}

.hr_tarif {
    width: 73.6vw;
    height: 0.07vw;
    border: solid 0.07vw #b36e7a;
    color: #b36e7a;
}

a {
    text-decoration: none;
    color: #034B3E;
}

/******* MASSAGE TARIF ********/

.massage_tarif {
    width: 95vw;
    height: 135vw;
    font-size: 4.2vw;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 10vw;
}

.titre_massage_tarif {
    font-size: 7vw;
    font-weight: 400;
    color: #b36e7a;
    font-family: sans-serif;
    padding-bottom: 5vw;
}

.ligne_massage_tarif {
    width: 86vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}

.ligne_massage_tarif li:nth-child(1) {
    width: 37.2vw;
}

.ligne_massage_tarif li:nth-child(2) {
    width: 11.5vw;
    text-align: center;
}

.ligne_massage_tarif li:nth-child(3) {
    width: 11.5vw;
    text-align: center;
}

.ligne_massage_tarif li:nth-child(4) {
    width: 11.5vw;
    text-align: center;
}

.ligne_massage_tarif_liftant {
    width: 86vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}

.ligne_massage_tarif_liftant li:nth-child(1) {
    width: 37.2vw;
}

.ligne_massage_tarif_liftant li:nth-child(2) {
    width: 0w;
    text-align: center;
}

.ligne_massage_tarif_liftant li:nth-child(3) {
    width: 39vw;
    text-align: center;
    font-weight: bold;
}

/***** MADEROTHERAPIE *****/

.madero_tarif {
    width: 95vw;
    height: 180vw;
    font-size: 4.2vw;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 10vw;
}

.titre_madero_tarif {
    font-size: 7vw;
    font-weight: 400;
    color: #b36e7a;
    font-family: sans-serif;
    padding-bottom: 5vw;
}

.ligne_madero_tarif {
    width: 86vw;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    list-style: none;
}

.ligne_madero_tarif li:nth-child(1) {
    width: 43vw;
}

.ligne_madero_tarif li:nth-child(2) {
    width: 21.5vw;
    text-align: center;
}

.ligne_madero_tarif li:nth-child(3) {
    width: 21.5vw;
    text-align: center;
}

.madero_tarif p {
    width: 86vw
}

.ligne_madero_cure_tarif {
    width: 86vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    list-style: none;
}

.ligne_madero_cure_tarif p {
    width: 76vw
}

.ligne_madero_cure_tarif li {
    width: 25vw;
    text-align: center;
}

/******* RENATA FRANCA TARIF *******/

.renata_tarif {
    width: 95vw;
    height: 150vw;
    font-size: 4.2vw;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 10vw;
}

.renata_tarif p {
    width: 86vw
}

.titre_renata_tarif {
    font-size: 7vw;
    font-weight: 400;
    color: #b36e7a;
    font-family: sans-serif;
    padding-bottom: 5vw;
}

.ligne_renata_tarif {
    width: 86vw;
    display: flex;
    flex-direction: row;
    list-style: none;
}

.ligne_renata_tarif li {
    width: 25vw;
    text-align: center;
}


.ligne_renata_tarif div:nth-child(1) {
    width: 22.5vw;
    text-align: center;
    margin-right: 10vw;
}

.ligne_renata_tarif div:nth-child(2) {
    width: 22.5vw;
    text-align: center;
    margin-right: 10vw;

}

.ligne_renata_tarif div:nth-child(3) {
    width: 22.5vw;
    text-align: center;
}

.ligne_renata_complet_tarif {
    width: 86vw;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    list-style: none;
}

.ligne_renata_complet_tarif li:nth-child(1) {
    width: 43vw;
}

.ligne_renata_complet_tarif li:nth-child(2) {
    width: 21.5vw;
    text-align: center;
}

.ligne_renata_complet_tarif li:nth-child(3) {
    width: 21.5vw;
    text-align: center;
}

/******* VISAGE TARIF *******/

.visage_tarif {
    width: 95vw;
    height: 60vw;
    font-size: 4.2vw;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 10vw;
}

.visage_tarif p {
    width: 86vw
}

.titre_visage_tarif {
    font-size: 7vw;
    font-weight: 400;
    color: #b36e7a;
    font-family: sans-serif;
    padding-bottom: 5vw;
}

.ligne_visage_tarif {
    width: 86vw;
    display: flex;
    flex-direction: row;
    list-style: none;
}

.ligne_visage_tarif div:nth-child(1) {
    width: 22.5vw;
    text-align: center;
    margin-right: 10vw;
}

.ligne_visage_tarif div:nth-child(2) {
    width: 22.5vw;
    text-align: center;
    margin-right: 10vw;

}

.ligne_visage_tarif div:nth-child(3) {
    width: 22.5vw;
    text-align: center;
}

/******* MATERNITE *******/

.maternite_tarif {
    width: 95vw;
    height: 105vw;
    font-size: 4.2vw;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 10vw;
}

.maternite_tarif p {
    width: 86vw
}

.titre_maternite_tarif {
    font-size: 7vw;
    font-weight: 400;
    color: #b36e7a;
    font-family: sans-serif;
    padding-bottom: 5vw;
}

.ligne_maternite_tarif {
    width: 86vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    list-style: none;
}

.ligne_maternite_tarif p {
    width: 76vw
}

.ligne_maternite_tarif li {
    width: 25vw;
    text-align: center;
}

/***** SOPHROLOGIE *****/

.sophrologie_tarif {
    width: 95vw;
    height: 80vw;
    font-size: 4.2vw;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 10vw;
}

.titre_sophrologie_tarif {
    font-size: 7vw;
    font-weight: 400;
    color: #b36e7a;
    font-family: sans-serif;
    padding-bottom: 5vw;
}

.ligne_sophrologie_tarif {
    width: 86vw;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    list-style: none;
}

.ligne_sophrologie_tarif li:nth-child(1) {
    width: 43vw;
}

.ligne_sophrologie_tarif li:nth-child(2) {
    width: 21.5vw;
    text-align: center;
}

.ligne_sophrologie_tarif li:nth-child(3) {
    width: 21.5vw;
    text-align: center;
}

/****** MASSAGE ENTREPRISE ******/

.entreprise_tarif {
    width: 95vw;
    height: 20vw;
    font-size: 4.2vw;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 15vw;
}

.titre_entreprise_tarif {
    font-size: 7vw;
    font-weight: 400;
    color: #b36e7a;
    font-family: sans-serif;
    padding-bottom: 5vw;
}

.entreprise_tarif p {
    width: 86vw
}

/****** FORMATION / INITIATION ******/

.formation_tarif {
    width: 95vw;
    height: 20vw;
    font-size: 4.2vw;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 30vw;
}

.titre_formation_tarif {
    font-size: 7vw;
    font-weight: 400;
    color: #b36e7a;
    font-family: sans-serif;
    padding-bottom: 5vw;
}

.formation_tarif p {
    width: 86vw
}